*{
    margin: 0;
    padding: 0;
}

.register{
    width: 100%;
    // height: 9000px;
    .top{
        width: 100%;
        padding: 10px 0 22px 0;
        .logo{
            width: 1200px;
            line-height: 43px;
            margin: 0 auto;
            .bg{
                width: 186px;
                height: 26px;
            }
        }
    }



    .centent{
        height: 600px;
        background-image: url(../img/register.jpg);
        background-position: 45%;
        .center-layout{
            width: 1200px;
            height: 600px;
            margin: 0 auto;
            position: relative;
            
            .login-box{
                width: 350px;
                // background-color: aqua;
                position: absolute;
                top: 120px;
                right: 60px;
                .login-box-loading{
                    width: 300px;
                    min-height: 300px;
                    // background-color: #fff;
                    background-color: hsla(0,0%,100%,.9);
                    padding: 25px 25px 23px 25px;
                    .top{
                        >a{
                            display: inline-block;
                            height: 18px;
                            line-height: 5px;
                            font-size: 16px;
                            color: #3c3c3c;
                            margin: 9px 10px 0 0;
                            font-weight: 700;
                            text-decoration: none;
                        }
                        .line{
                            border-bottom: 2px solid black;
                        }
                    }

                    .input-wrap-box{
                        margin-bottom: 20px;
                        position: relative;
                        .label-icon{
                            width: 40px;
                            height: 40px;
                            position: absolute;
                            top: 1px;
                            left: 1px;
                            background-color: #ccc;
                        }
                        .input-box{
                            width: 300px;
                            margin-bottom: 20px;
                            .fm-text{
                                height: 40px;
                                width: 250px;
                                padding-left: 50px;
                                border-color: #f1eeee;
                                border: 1px solid #fff;
                                font-size: 14px;
                                // border-color: #f1eeee;
                                outline: none;
                            }
                        }
                    }
                    .btn{
                        height: 42px;
                        line-height: 42px;
                        font-size: 16px;
                        margin-bottom: 16px;
                        border-radius: 3px;
                        color: #fff;
                        background-color: red;
                        width: 100%;
                        border: 1px red solid;
                    }

                    a{
                        color: #6c6c6c; 
                        text-decoration: none;
                        &:hover{
                            color: red;
                        }
                    }
                    .sns-login{
                        font-size: 12px;
                        
                        a{
                            color: #6c6c6c; 
                            text-decoration: none;
                            &:hover{
                                color: red;
                            }
                        }
                    }

                    .login-blocks{
                        margin-top: 16px;
                        a{
                            float: right;
                            font-size: 12px;
                            margin-left: 10px;
                        }
                    }
                }
            }
        }
    }

    .footer{
        width: 1200px;
        margin: 60px auto 0;
        padding: 7px 0 9px;
        .footer-hd{
            box-sizing: border-box;
            p{
                line-height: 27px;
                margin-bottom: 8px;
                border-bottom: 1px solid #ddd;
            }
        }
    }
}
